<!doctype html>
<html lang="zh-Hans">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" >
    <link rel="stylesheet" href="assets/css/fontawesome.min.css" >
    <link rel="stylesheet" href="assets/css/backend.css" >
    <title>Fresns 管理中心</title>
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fresns-navbar">
      <a class="navbar-brand" href="#"><img src="assets/images/logo.png" height="30" alt="Fresns"></a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item"><a class="nav-link" href="index.html">仪表盘</a></li>
          <li class="nav-item"><a class="nav-link" href="system-language.html">系统</a></li>
          <li class="nav-item"><a class="nav-link" href="operating-user.html">运营</a></li>
          <li class="nav-item active"><a class="nav-link" href="themes.html">主题</a></li>
          <li class="nav-item"><a class="nav-link" href="plugins.html">插件</a></li>
          <li class="nav-item"><a class="nav-link" href="clients.html">客户端</a></li>
          <li class="nav-item"><a class="nav-link" href="store.html">应用市场</a></li>
        </ul>
        <span class="navbar-text">admin <a href="#">[退出]</a> <a href="https://fresns.cn" target="_blank">站点首页</a></span>
      </div>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-xl-2 fresns-sidebar">
          <h3 class="d-none d-sm-block">主题</h3>
          <button class="btn btn-primary btn-block d-block d-sm-none" type="button" data-toggle="collapse" data-target="#sidebarNav" aria-controls="sidebarNav" aria-expanded="true">
            <i class="fas fa-list-ul"></i> 主题
          </button>
          <div class="collapse show" id="sidebarNav">
            <ul class="nav flex-column">
              <li class="nav-item"><a class="nav-link active" href="themes.html"><i class="fas fa-palette"></i> 主题管理</a></li>
              <li class="nav-item"><a class="nav-link" href="theme-menus.html"><i class="fas fa-bars"></i> 菜单设置</a></li>
              <li class="nav-item"><a class="nav-link" href="theme-fresns.html"><i class="fas fa-cog"></i> Fresns 设置</a></li>
              <li class="nav-item"><a class="nav-link" href="theme-discuzx.html"><i class="fas fa-cog"></i> Discuz X 设置</a></li>
            </ul>
            <div class="fresns-copyright">
              <p>Powered by Fresns</p>
            </div>
          </div>
        </div>

        <div class="col-sm-9 col-xl-10 fresns-content">
          <h3>主题管理</h3>

          <!-- Themes Start -->
          <div class="fresns-themes">
            <div class="row">
              <!-- List Theme -->
              <div class="col-lg-3 col-md-4 col-sm-6 mb-3">
                <div class="card">
                  <img class="card-img-top" src="https://tangjie.me/wp-content/themes/JieStyle-Two/screenshot.png" alt="Fresns">
                  <div class="card-body">
                    <h5 class="card-title mb-0">Fresns <span class="badge badge-secondary align-middle">1.0.9</span></h5>
                  </div>
                  <ul class="list-group list-group-flush">
                    <li class="list-group-item">
                      <div class="custom-control custom-radio">
                        <input type="radio" id="theme_Fresns_pc" name="theme_pc" class="custom-control-input">
                        <label class="custom-control-label" for="theme_Fresns_pc">电脑网页端</label>
                      </div>
                    </li>
                    <li class="list-group-item">
                      <div class="custom-control custom-radio">
                        <input type="radio" id="theme_Fresns_mobile" name="theme_mobile" class="custom-control-input" checked>
                        <label class="custom-control-label" for="theme_Fresns_mobile">手机网页端</label>
                      </div>
                    </li>
                  </ul>
                  <div class="card-footer text-muted">开发者：<a href="#" class="text-info">唐杰</a> <a href="#" class="text-danger float-right">卸载</a></div>
                </div>
              </div>
              <!-- List Theme -->
              <div class="col-lg-3 col-md-4 col-sm-6 mb-3">
                <div class="card">
                  <img class="card-img-top" src="https://tangjie.me/wp-content/themes/JieStyle-Two/screenshot.png" alt="Fresns">
                  <div class="card-body">
                    <h5 class="card-title mb-0">Discuz X <span class="badge badge-secondary align-middle">1.0.0</span> <a href="dashboard-updates.html" class="badge badge-pill badge-danger align-middle">有新版</a></h5>
                  </div>
                  <ul class="list-group list-group-flush">
                    <li class="list-group-item">
                      <div class="custom-control custom-radio">
                        <input type="radio" id="theme_discuzx_pc" name="theme_pc" class="custom-control-input" checked>
                        <label class="custom-control-label" for="theme_discuzx_pc">电脑网页端</label>
                      </div>
                    </li>
                    <li class="list-group-item">
                      <div class="custom-control custom-radio">
                        <input type="radio" id="theme_discuzx_mobile" name="theme_mobile" class="custom-control-input">
                        <label class="custom-control-label" for="theme_discuzx_mobile">手机网页端</label>
                      </div>
                    </li>
                  </ul>
                  <div class="card-footer text-muted">开发者：<a href="#" class="text-info">唐杰</a> <a href="#" class="text-danger float-right">卸载</a></div>
                </div>
              </div>
              <!-- List Theme -->
            </div>
          </div>
          
        </div>
      </div>
    </div>

    <!-- JavaScript -->
    <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/backend.js"></script>
  </body>
</html>